<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        /* .container div{
            width: 200px;
            height: 200px;
        }
        .container h1{
            width: 200px;
            height: 200px;
        }
        .container p{
            width: 200px;
            height: 200px;
        }
        .container img{
            width: 100px;
            height: 100px;
        } */
        /* 并集选择器 */
        .container div,
        .container h1,
        .container p
        {
            width: 200px;
            /* height: 200px; */
        }
        .container div{
            height: 300px;
        }
    </style>
</head>
<body>
    <div class="container">
        <div>div</div>
        <span>
            span
        </span>
        <h1>
            h1
        </h1>
        <p>
            p
        </p>
        <a href="#">超链接</a>
        <strong>
            strong
        </strong>
        <em>
            em 
        </em>
        <i>i</i>
        <img src="./images/皮卡丘.jpg" alt="">

    </div>
    <!-- 块级标签 独占一行 可以设置宽高 如 div p  h1-h6 ul li ol dl dt dd-->
    <!-- 行内标签 不独占一行 不可以设置宽高 如span strong em i a-->
    <!-- 行内块标签 不独占一行 可以设置宽高 如 img input-->
</body>
</html>